.PxToRem(@name, @px){
    @{name}: @px / 75 * 1rem;
}

.Flex{
    display:flex;
    justify-content: space-between;
    align-items: center;
    
}
.line-height(@arg){.px2rem(line-height, @arg);}
.font-size(@arg){.px2rem(font-size, @arg);}

.font(@fz,@color){
    .px2rem(font-size,@fz);
    color: @color;
}
.border-bottom(@px,@xian,@color){
    .px2rem(border-bottom-width,@px);
    border-bottom-style: @xian;
    border-bottom-color: @color;
}
.border-top(@px,@xian,@color){
    .px2rem(border-top-width,@px);
    border-top-style: @xian;
    border-top-color: @color;
}
.border(@px,@xian,@color){.px2rem(border-width,@px);border-style: @xian; border-color: @color;}

.padding-top(@top){.px2rem(padding-top, @top);}
.padding-right(@right){.px2rem(padding-right, @right);}
.padding-bottom(@bottom){.px2rem(padding-bottom, @bottom);}
.padding-left(@left){.px2rem(padding-left, @left);}

.padding(@top,@right,@bottom,@left){
   .px2rem(padding-top,@top);
   .px2rem(padding-right,@right);
   .px2rem(padding-bottom,@bottom);
   .px2rem(padding-left,@left);
}

.margin-top(@top){.px2rem(margin-top, @top);}
.margin-right(@right){.px2rem(margin-right, @right);}
.margin-bottom(@bottom){.px2rem(margin-bottom, @bottom);}
.margin-left(@left){.px2rem(margin-left, @left);}

.margin(@top,@right,@bottom,@left){
   .px2rem(margin-top,@top);
   .px2rem(margin-right,@right);
   .px2rem(margin-bottom,@bottom);
   .px2rem(margin-left,@left);
}
body{
      background: #eff3f2; 
      scroll:none;
      
}
.Re_disease_header{
        .Flex;
        .PxToRem(font-size, 35);
        .PxToRem(height, 88);
         background: url(../imgs/Reg_serve_bg01.jpg);
         padding:0 2%;
     p:nth-child(1){
        
           span{
              .PxToRem(margin-left, 39);
               .PxToRem(margin-bottom, 39);
           }
           img{
               .PxToRem(width, 60);
               .PxToRem(height, 50);
           }
   }
     p:nth-child(2){
       .PxToRem(padding-left, 30);
       flex: 2;
       
   }
}

.main{
    .Re_disease_content{
         background: #fff;
        .PxToRem(height, 255);
        img{
            .PxToRem(padding-left, 45);
            .PxToRem(width, 152);
            .PxToRem(height, 152);
        }
        span{
            color: #999999;
            .PxToRem(font-size, 37);
            .PxToRem(padding-left, 48);
        }
        .Flex;
        input{
            flex: 2;
            border: none;
            .PxToRem(height, 80);
        }
    }
    
    .Re_disease_center{
         background: #fff;
        .PxToRem(margin-top, 30);
        display: flex;
        flex-wrap: wrap;
        padding: 2% 8% 2% 4%;
        
        p{
             border: 1px solid #999999;
             .PxToRem(padding, 15);
             .PxToRem(height, 30);
             .PxToRem(margin, 8);
             background: #fff;
             .PxToRem(border-radius, 15);
             color: #999999;
             
        }
    }
}





































